<g:set var="product" value="${it.name}" />
<li class="item">
  <div>
    <a class="product-image" 
       title="${product}" 
       href="${link(controller:'product', action:'show', id:it.id)}">
      <img height="216" 
           width="216" 
           alt="${product}" 
           src="${link(controller:'product', action:'pic', id:it.id)}" />
    </a>
    <h2 class="product-name">
      <a title="${product}" 
         href="${link(controller:'product', action:'show', id:it.id)}">
        ${product}
      </a>
    </h2>
  </div>
</li>